<template>
   <view class="my-container">
        <!-- 用户未登录时，显示登录组件 -->
        <my-login v-if="!token"></my-login>
        <!-- 用户登录后，显示用户信息组件 -->
         <my-userinfo v-else></my-userinfo>
   </view>
</template>

<script>
import mixins from '@/mixins/tabber-badge'
import { mapState } from 'vuex';
import myLogin from './my_login.vue';
import myUserinfo from './my_userinfo.vue';
   export default {
  components: { myLogin, myUserinfo },
      mixins:[mixins],
      data() {
         return {
            
         };
      },
      onLoad() {

      },
      computed:{
         ...mapState('m_user',['token'])
      },
      methods: {

      }
   };
</script>

<style scoped lang="scss">
   page,
   .my-container {
   height: 100%;
   }
</style>